<template>
  <div :style="{ display: 'flex' }" id="infoCard">
    <el-card :style="{ width: '360px' }">
      <template #header>
        <div class="card-header">
          <span>您的个人信息</span>
        </div>
      </template>
      <p>您的姓名：{{ userName }}</p>
      <p>您的身份：{{ userIdentity }}</p>
      <p>所属部门：{{ PartMent }}</p>
    </el-card>
  </div>
</template>

<script>
// import axios from "axios";
import user  from "@/store/user";
export default {
  data() {
    return {
      userName: this.$store.state.user.loginUser.userName,
      userIdentity: this.$store.state.user.loginUser.userIdentity,
      PartMent: this.$store.state.user.loginUser.PartMent,
    };
  },
  
};
console.log(user.state.loginUser)
</script>

<style scoped>
#infoCard {
  margin-top: 200px;
  justify-content: center;
}
</style>
  